<template>
  <view>
    <scroll-view class="sc" :scroll-y="true" upper-threshold="50px" :lower-threshold="300" @scroll="handleScroll" @scrolltoupper="handleScrolltoupper" @scrolltolower="handleScrolltolower" refresher-enabled>
      <!-- 这里放置你的滚动内容 -->
      <view v-for="(element, index) in elements" :id="'element_' + index">
        <view style="width: 300rpx;height: 700rpx ;background-color: aqua;">
        	index
        </view>
      </view>
    </scroll-view>
	
  </view>
</template>

<script>
export default {
  data() {
    return {
      elements: ['元素1', '元素2', '元素3','元素3','元素3','元素3','元素3'],
      lastElementId: ''
    };
  },
  methods:{
	
  },
  mounted() {
    // 在组件挂载后计算最后一个元素的 id，并设置为 scroll-into-view 的值
   // this.lastElementId = 'element_' + (this.elements.length - 1);
  },
  computed:{
	  handleScroll(){
	  	console.log(111);
	  },
	  handleScrolltoupper(){
	  	console.log(222);
	  },
	  handleScrolltolower(){
	  	console.log(333);
	  }
  }
};
</script>
<style>
	*{
		margin: 0;
		padding: 0;
	}
	.se{
		overflow:hidden;
		height: 600rpx;
		width: 100%;
		padding: 10rpx;
	}
</style>
